html,
body,
#app {
    height: 100%;
    margin: 0;
    padding: 0;
}

.avue-home {
    background-color: #303133;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.avue-home__main {
    user-select: none;
    width: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.avue-home__footer {
    width: 100%;
    flex-grow: 0;
    text-align: center;
    padding: 1em 0;
}

.avue-home__footer>a {
    font-size: 12px;
    color: #ABABAB;
    text-decoration: none;
}

.avue-home__loading {
    height: 32px;
    width: 32px;
    margin-bottom: 20px;
}

.avue-home__title {
    color: #FFF;
    font-size: 14px;
    margin-bottom: 10px;
}

.avue-home__sub-title {
    color: #ABABAB;
    font-size: 12px;
}

.avue-dialog .el-dialog__header{
    box-sizing: border-box;
}

#rwxx .el-dialog {
    height: 60%;
    top: 15%;
    overflow-y: auto;
}

#rwxx .el-dialog .el-select,
#rwxx .el-dialog .el-input__inner {
    width: 300px;
}

#rwxx .el-dialog__body {
    max-height: 68%;
}

.el-dialog__body {
    padding-bottom: 0 !important;
}

.el-dialog {
    width: 50%;
    overflow: auto;
    height: 600px;
}

#rwxx .el-dialog__body {
    max-height: 68%;
}

.el-dialog__headerbtn {
    top: 19px;
    height: 20px;
    font-size: 20px;
}

.el-dialog__headerbtn .el-dialog__close.el-icon.el-icon-close {
    width: 100%;
    height: 100%;
    display: block;
}

.color-item .el-tabs__content .el-tab-pane {
    min-height: 200px;
    overflow: auto;
}

.packupArrow .el-button--mini {
    padding: 7px 5px;
}

#avue-view {
    background-color: #fff;
}

.el-tabs.el-tabs--top {
    width: 100%;
}


/* .el-tooltip__popper.is-dark {
    display: none !important;
} */

.el-tooltip__popper {
    max-width: 800px;
    line-height: 180%;
}

.el-dialog.is-fullscreen {
    max-height: 100%;
}

.el-form .el-table .el-table__body-wrapper .el-table__row td .cell.el-tooltip,
.el-form .el-table .el-table__body-wrapper .el-table__row td .cell.el-tooltip .el-form-item {
    width: 100%;
}

label {
    margin-bottom: unset !important;
}

.el-textarea .el-input__count {
    background-color: rgba(255, 255, 255, 0);
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: #409EFF;
}

.avue--detail .avue-ueditor .w-e-toolbar {
    display: none;
}

.avue--detail .avue-ueditor .w-e-text-container {
    border: none !important;
    height: auto !important;
}

.avue--detail .avue-ueditor .w-e-text-container .w-e-text {
    height: auto !important;
}

.avue--detail .avue-ueditor .w-e-text-container .w-e-text>p {
    margin-top: 6px;
}

.el-card__body .avue-crud .el-card__body .el-form .el-table,
.el-card__body .avue-crud .el-card__body .el-form .el-table .el-table__body-wrapper {
    height: unset !important;
    max-height: unset !important;
    min-height: 500px;
}

.avue-dynamic .avue-crud .el-card__body .el-form .el-table,
.avue-dynamic .avue-crud .el-card__body .el-form .el-table .el-table__body-wrapper {
    min-height: unset !important;
}


/* .el-dialog .el-form .el-collapse-item .el-input-number__decrease,
.el-dialog .el-form .el-collapse-item .el-input-number__increase,
.el-dialog .el-form .el-collapse-item .avue-date .el-input__prefix .el-input__icon.el-icon-date {
    display: none;
} */


/* .el-dialog .el-form .el-collapse-item .avue-date .el-input__inner {
    padding-left: 15px;
} */

.el-button.is-plain:active,
.el-button.is-plain:focus,
.el-button.is-plain:hover {
    border: none;
    /* background-color: transparent; */
}

.el-button--primary:focus,
.el-button--primary:hover,
.el-button--text:focus,
button:focus {
    outline: unset !important;
}

#elform>.el-card__body {
    padding: 0 !important;
}

.avue-ueditor img {
    max-width: 530px !important;
    margin-top: 5px;
}

.avue-crud__dialog .el-dialog .el-dialog__body .avue-form__row .el-form-item__content .avue-dynamic .el-select__tags .el-tag--mini {
    height: auto;
}

.avue-crud__dialog .el-dialog .el-dialog__body .avue-form__row .el-form-item__content .avue-dynamic .avue-select .el-tag {
    height: auto;
    white-space: pre-wrap !important;
}

.bgf0f2f5,
.bgf0f2f5 .el-card.is-always-shadow,
.bgf0f2f5 .el-card.is-always-shadow>.el-card__body {
    background: #f0f2f5;
}

.bgf0f2f5 .el-card.is-never-shadow.avue-crud__search {
    margin-bottom: 10px;
}

.bgf0f2f5 .avue-crud__search .el-form-item--mini.el-form-item,
.bgf0f2f5 .avue-crud__search .el-form-item--small.el-form-item {
    margin-bottom: 0;
}

.avue-form__group {
    padding: 10px;
}

.avue-form__group:nth-child(1) {
    padding: 0;
}

.bgf0f2f5 .avue-crud__search .avue-form__group .el-col {
    margin: 8px 0;
    padding: 0 !important;
}

.bgf0f2f5 .avue-crud__search .avue-form__group .el-col.avue-form__menu--left .el-form-item__content button:nth-of-type(1) {
    margin-left: 10px;
}

.avue-crud .el-input__inner:hover,
.avue-crud .el-textarea__inner:hover,
.el-input__inner:hover,
.el-textarea__inner:hover {
    border-color: #409EFF !important;
}

.el-input.is-disabled .el-input__inner:hover,
.el-input.is-disabled .el-textarea__inner:hover,
.el-input.is-disabled .el-input__inner:hover,
.el-textarea.is-disabled .el-textarea__inner:hover {
    border-color: #E4E7ED !important;
}

.el-dialog__wrapper {
    background: none !important;
}

.el-dialog .avue-dynamic .el-form .el-form-item__content .el-input__inner {
    margin: 2px 0;
}

.avue-crud .el-input__inner,
.avue-crud .el-textarea__inner,
.el-textarea__inner,
.el-input__inner {
    margin-top: 2px;
}

.avue-crud .el-input__inner:focus,
.avue-crud .el-textarea__inner:focus,
.el-textarea__inner:focus,
.el-input__inner:focus {
    border-color: transparent;
    box-shadow: 0 0 0 1.5px #78b3ee;
}

.avue-crud .el-input.is-disabled .el-input__inner:hover,
.avue-crud .el-input.is-disabled .el-textarea__inner:hover,
.avue-crud .el-input.is-disabled input:hover,
.el-input.is-disabled .el-input__inner:hover,
.el-textarea.is-disabled .el-textarea__inner:hover,
.el-input.is-disabled input:hover {
    border-color: transparent;
    box-shadow: 1px 1px 0.5px transparent, 1px -1px 0.5px transparent, -1px 1px 0.5px transparent, -1px -1px 0.5px transparent;
}

.avue-crud .el-input.is-disabled .el-input__inner:focus,
.avue-crud .el-input.is-disabled .el-textarea__inner:focus,
.avue-crud .el-input.is-disabled input:focus,
.el-input.is-disabled input:focus,
.el-textarea.is-disabled .el-textarea__inner:focus,
.el-input.is-disabled .el-input__inner:focus {
    border-color: transparent;
    box-shadow: 0 0 0 2px transparent;
}


/* .view_detail .el-input.is-disabled .el-input__inner,
.view_detail .el-input.is-disabled .el-textarea__inner,
.view_detail .el-input.is-disabled input,
.view_detail .el-checkbox.is-checked .el-checkbox__label,
.view_detail .w-e-text,
.view_detail .el-range-editor.el-input__inner,
.view_detail .el-textarea__inner {
    padding: 0;
} */

.el-input__inner {
    margin-bottom: 2px;
}

#selperson .el-dialog .el-dialog__body {
    margin-top: 10px;
    background: #fff;
}


/* .view_detail .el-input__icon {
    width: 0;
}

.view_detail .el-date-editor .el-range-input {
    text-align: left;
     width: 25%; 
}

.view_detail .el-date-editor .el-range-separator {
    margin-right: 20%;
}

.view_detail .el-select .el-tag {
    margin: 2px 6px 2px 0;
}

.view_detail .el-icon-date:before,
.view_detail .el-icon-time:before {
    content: "";
}*/


/* .avue--detail .el-radio .is-disabled.is-checked .el-radio__label,
.avue--detail .el-radio.is-checked .el-radio__label {
    padding-left: 0;
} */

.el-select-dropdown.el-popper {
    max-width: 50%;
}

.avue-dynamic .avue-crud--card .el-card__body {
    padding: 12px !important;
}


/* .avue-upload {
     text-align: left; 
} */

.avue-upload__icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.avue-upload__avatar {
    width: 100px;
    height: 100px;
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item,
.el-form-item {
    margin-bottom: 10px;
}

.el-dialog__body {
    padding: 0 20px;
}

.avue-crud__empty {
    padding: 0;
}

.avue-empty__desc {
    margin: 5px;
}

.avue-empty__image {
    margin-bottom: 0;
    margin-top: 5px;
}

.avue-crud__pagination {
    padding: 12px;
}

.avue-crud__dialog .avue-form__menu {
    padding-bottom: 15px;
}

.view_detail .el-card__body .el-table__row .el-input__inner {
    text-align: center;
}

.group_form .el-card__body,
.group_form .el-dialog__bod,
.group_form .el-dialog {
    background: #f0f2f5;
}

.group_form_flw .el-tabs__content {
    padding: 0;
}

.group_form_flw .el-tab-pane {
    padding: 15px;
}

.group_form_flw #pane-processIntanceForm {
    background: #f0f2f5;
    padding: 0;
}

.group_form_flw .el-dialog__body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.group_form .avue-group:nth-child(1) .el-collapse-item__wrap,
.group_form .avue-group:nth-child(1) .el-collapse,
.group_form .avue-group:nth-child(2) .el-collapse {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

.avue-group::after,
.avue-group::before {
    border-radius: 6px;
}

.avue--detail .el-input__inner,
.avue--detail .el-textarea__inner {
    border: 1px solid #DCDFE6;
}

.group_form .el-dialog__header,
.avue-dynamic .el-card__body {
    background: #fff;
}

.avue-dialog .el-dialog__title {
    min-height: 20px;
    display: inline-block;
}

.el-form .avue-group:nth-child(2) .el-collapse {
    margin: 0 !important;
    border-radius: 6px;
    background: #fff;
    padding: 10px 10px;
}

.group_form .avue-group .el-collapse {
    /* border: 1px dashed darkmagenta; */
    margin: 10px 0;
    border-radius: 6px;
    background: #fff;
    padding: 5px 10px;
}

.el-scrollbar .avue-group .el-collapse-item__content {
    padding: 10px;
}

.avue-group__header {
    margin-bottom: 10px;
}

.el-drawer__header {
    margin-bottom: 0;
    padding: 7px 20px;
    background-color: #f6f6f6;
    margin-bottom: 10px;
}

.margin_top {
    margin-top: 0 !important;
}

.margin_bottom {
    margin-bottom: 0 !important;
}

.el-dialog__wrapper>.el-dialog>.el-dialog__header,
.el-dialog__wrapper.dialog_look .el-dialog .el-dialog__header,
.el-dialog__wrapper.avue-dialog.avue-crud__dialog .el-dialog .el-dialog__header,
.el-dialog__wrapper.group_form .el-dialog .el-dialog__header {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 999;

}


/* 火狐兼容 搜索部分select遮挡 流程图底部遮挡 */

@-moz-document url-prefix() {
    .el-scrollbar__view.el-select-dropdown__list {
        padding-bottom: 25px;
    }
    .el-tab-pane#pane-processIntanceImage .el-scrollbar .el-scrollbar__wrap .el-scrollbar__view img {
        margin-bottom: 35px;
    }
}

.el-select-dropdown.el-popper {
    max-width: 0;
}

.el-scrollbar {
  border-radius: 4px 4px 0px 0px;
}


/*2021/6/15*/

.customizeClass .el-input.is-disabled .el-input__inner {
    border: 1px solid #DCDFE6 !important;
    outline: 0 !important;
    background-color: #F5F7FA !important;
    border-color: #E4E7ED !important;
    color: #C0C4CC !important;
    cursor: not-allowed !important;
}

.customizeClass .el-input.is-disabled .el-select__caret {
    display: inline-block;
}

.el-input.is-disabled .el-select__caret {
    display: none;
}

.el-dialog {
    background: #f0f2f5;
}

.el-dialog__body {
    padding: 20px 20px !important;
}

.el-form-item__label {
    color: #333;
}

.el-input.is-disabled .el-input__inner {
    outline: none;
    cursor: pointer;
    background-color: #fff;
    color: #606266;
}

.el-textarea.is-disabled .el-textarea__inner {
    border-color: #E4E7ED;
    background-color: #fff;
    color: #606266;
    cursor: not-allowed;
}

.el-card__body {
    padding: 0 16px 10px !important;
}

.group_form .el-card__body {
    padding: 0 !important;
}


/*2021/6/16*/

.form_dialog .el-table--border td,

/* form 表单附件上传 边框隐藏 我的邮箱页面 写信*/

.el-dialog__wrapper .el-table--border th,
.el-dialog__wrapper .el-table--border td {
    border-right: 0px;
}

.el-dialog__wrapper .avue-crud--card .el-card__body {
    padding: 12px 0 !important;
}


/*2021/6/17 弹窗内的流程详情 去除阴影 边框 和添加圆角*/

.el-dialog__wrapper .el-tabs--border-card>.el-tabs__header {
    /* background-color: #F5F7FA;
    border-bottom: 1px solid #E4E7ED;
    margin: 0; */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.el-dialog__wrapper .el-tabs--border-card {
    /* background: #FFF; */
    border: 0;
    box-shadow: none;
    border-radius: 6px;
}

.el-dialog__wrapper .el-tabs__nav-scroll {
    border-top-left-radius: 6px;
}


/* 查看 富文本编辑器 avue-ueditor 字体颜色置灰 */

.view_detail .avue-ueditor {
    color: #999999;
}
/* 人员车辆导出 avue 自带excel 导出功能 */
.avue-crud--card h2{
    display: none;
}
